<script setup>
import { ref,onMounted } from 'vue'

const count = ref(0)
const text = ref("About")

onMounted(() => {
  let original = "ZiJOmcVRzGbYZ/p+h2Mq3Q1tFxxyg4oGYo1g+SksdJdcUJogPTNsV4Q1l6blxu3EfiUeuWDHgf7ngQUzmTNh5Q==";
  
  let encoded = encodeURIComponent(original);
  // console.log(encoded); 
  let decoded = decodeURIComponent(encoded);
  // console.log(decoded); 
})
</script>


<template>
  <h2>About</h2>
  <button @click="count++">Count is: {{ count }}</button>
  <input v-model="text" placeholder="Type something..." />
  <p>You typed: {{ text }}</p>
</template>

<style scoped>
button {
  font-weight: bold;
  font-size: 20px;
  height: 70px;
  width: 200px;
  border-radius: 10px;
}
</style>